<template>
	<view class="callme">
		<image src="../../static/about.jpg"></image>
		<view class="abouttel" @click="calltel">
			<text>联系电话： 13729832342(点击拨打)</text>
		</view>
		<view class="aboutadd">
			<text>学校地址：广东省佛山市南海区狮山大学城广东轻工职业技术学院</text>
		</view>
		<map :longitude="longitude" :latitude="latitude" :scale="scale"  :markers="ditu" ></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				longitude: 113.034528,
				latitude: 23.161872,
				scale: 15,
				ditu:[
					{
						longitude: 113.034528,
						latitude: 23.161872,
						iconPath: '../../static/icon.png',
						width:40,
						height:40
					}
				]
			}
		},
		methods:{
			calltel(){
				uni.makePhoneCall({
					phoneNumber:'13729832342'
				})
			}
		}
	}
</script>

<style lang="scss">
	.callme {
		image {
			width: 750rpx;
			height: 235rpx;
		}

		view {
			padding: 10rpx;
			font-size: 30rpx;
		}

		.abouttel {
			&:active{
				background-color: #e2e2e2;
			}
			text {
				height: 60rpx;
				line-height: 60rpx;
			}
		}

		.aboutadd {
			border-top: 1px solid #e6e6e6;
			border-bottom: 1px solid #e6e6e6;

			text {
				height: 60rpx;
				// line-height: 80rpx;
			}
		}

		map {
			margin-top: 5rpx;
			width: 750rpx;
			height: 750rpx;
		}
	}
</style>
